<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个个人站</title>
</head>
<body>
<form>
用户：
<input type="text" name="user">
<br />
密码：
<input type="password" name="password">
</form>
<p>
请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。
</p>
<p>
一幅图像：
<img src="/i/eg_mouse.jpg" width="128" height="128" />
</p>

<p>
一幅动画图像：
<img src="/i/eg_cute.gif" width="50" height="50" />
</p>
	<h1>sadfsgdhgfj</h1>
	<h2>sadfsgdhgfj</h2>
	<p>sdfgdbfhngjmhnfgdfd
	<p>
	<p>
		<a href="#C4">查看 Chapter 4。</a>
	</p>
<h4>Disc 项目符号列表：</h4>
<ul type="disc">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul>  

<h4>Circle 项目符号列表：</h4>
<ul type="circle">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul>  

<h4>Square 项目符号列表：</h4>
<ul type="square">
 <li>苹果</li>
 <li>香蕉</li>
 <li>柠檬</li>
 <li>桔子</li>
</ul> 
	<h2>Chapter 1</h2>
	<p>This chapter explains ba bla bla</p>

	<h2>Chapter 2</h2>
	<p>This chapter explains ba bla bla</p>

	<h2>Chapter 3</h2>
	<p>This chapter explains ba bla bla</p>

	<h2>
		<a name="C4">Chapter 4</a>
	</h2>
	<p>This chapter explains ba bla bla</p>
	<p>
		您也可以使用图像来作链接： <a href="/example/html/lastpage.html"> <img
			border="0" src="/i/eg_buttonnext.gif" />
		</a>
	</p>
	<address>
		Written by <a href="3352167818@qq.com">bluesky641</a>.<br>
		Visit us at:<br> Example.com<br> Box 564, Disneyland<br>
		USA
	</address>
</body>
</html>
